$(function () {
   
    var services = translator.getServices({type : "detect"});
    var languages = translator.languages.list;
    
    var example_detect_data = {
        "en" : "this is some sample text we can use to run our automated tests on!",
        "de" : "Dies ist einige Beispiele Text, den wir nutzen k?nnen, um unsere automatisierte Tests auf!",
        "es" : "se trata de algunos ejemplos de texto que puede utilizar para ejecutar las pruebas en nuestro sistema!",
        "fr" : "Il s'agit d'un exemple de texte que nous pouvons utiliser pour g?rer nos tests automatis?s sur!",
        "pl" : "To jest przyk?adowy tekst, kt?rego mo?emy u?y? do uruchamiania zautomatyzowanych test?w!",
        "it" : "questo ? un testo di esempio si pu? utilizzare per eseguire il nostro test automatizzati su!",
        "nl" : "dit is een voorbeeld tekst die wij kunnen gebruiken voor het uitvoeren van onze geautomatiseerde tests op!",
        "hr" : "ovo je neki uzorak teksta mo?emo koristiti za izvo?enje testova na na? automatizirani!",
        "no" : "Dette er noen eksempler p? tekst vi kan bruke til ? kj?re v?re automatiserte tester p?!",
        "ru" : "это пример текста, мы можем использовать для запуска автоматизированных тестов на!"
    }
   
   
    languages.forEach(function (lang) {
        $("table.able > tbody").append("<tr id=\"" + lang.code + "\"><td class=\"able-language\">" + lang.name + "</td></tr>");
    });   
   
    services.forEach(function (service) {
        $("#services").append("<td>" + service.meta.name + "</td>");
        languages.forEach(function (lang) {
            
            $("#" + lang.code).append("<td class=\"able-incomplete\" id=\"" + service.meta.shortName + "-" + lang.code + "\">Un-Tested</td>");
            
            if (lang.code in example_detect_data) {
                var node = $("#"+ service.meta.shortName + "-" + lang.code)[0];
                translator.detect({
                services : [{}, service],
                text: example_detect_data[lang.code],
                callBack : function (data) {
                   if (data.code == lang.code) {
                   node.className = "able-yes";
                   node.innerHTML = "Passed";
                   } else {
                    console.log(lang, data, node, service);
                    node.className = "able-incorrect";
                   node.innerHTML = "Incorrect";
                   }
                },
                error : function (data) {
                     node.className = "able-no";
                     node.innerHTML = "Error"
                }
                });
                
            }
            
            
        });
    });
    
    

    
})